.google-voucher-code {
	margin-top: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px $gray-light;

	@include breakpoint( ">660px" ) {
	}
}

.google-voucher-code__help-link {
	color: $blue-medium;
	text-decoration: underline;
}
.google-voucher-advice {
	margin-top: 12px;
	display: flex;
	max-width: 100%;
}

.button.google-voucher-code__setup-google-adwords:not(.is-compact) {
	margin-top: 16px;

	@include breakpoint( ">660px" ) {
		text-align: center;
	}
}

// dialog
.dialog.card.google-voucher-dialog {
	max-width: 530px;
	font-size: 13px;
	overflow: hidden;

	ol {
		list-style-position: inside;
		margin: 0;

		@include breakpoint( ">660px" ) {
			list-style-position: outside;
			margin: 0 3em 1.5em;
		}
	}
}

.google-voucher-dialog__header {
	display: flex;
	align-items: center;
	margin: -24px -24px 0;
	padding: 20px 24px 24px;
	background-color: #fbfcfd;
	height: 116px;
	box-shadow: 0 1px 0 0 lighten( $gray, 20% ),
		0 1px 0 lighten( $gray, 40% );
}

.google-voucher-dialog__header__image {
	width: (149 / 482) * 100%;
	margin-right: 20px;
}

.google-voucher-dialog__header__text {
	flex: 1;
}

.google-voucher-dialog__body {
	overflow-y: auto;
	height: 320px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.google-voucher-dialog__footer {
	box-shadow: 0 -1px 2px lighten( $gray, 20% );
	margin-top: 15px;
	text-align: right;
	padding: 15px;
	margin: 0px -25px -25px;
}

.google-vouchers-dialog__cancel-button {
	margin-right: 10px;
}

li.google-voucher__terms-and-conditions {
	line-height: 1.6em;
	color: lighten( $gray, 10% );
	margin-bottom: 15px;
}

.google-voucher__initial-step .purchase-detail__info {
	margin-top: 16px;
	display: block;

	@include breakpoint( "<660px" ) {
		max-width: none;
	}
}
